<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="images/favicon.png" />
    <title>Bethany - Wedding & Event Planner</title>
    <link href="css/bootstrap.min.css" rel=stylesheet>
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/themify-icons.css" rel="stylesheet">
    <link href="modules/slick/slick.css" rel="stylesheet">
    <link href="modules/slick/slick-theme.css" rel="stylesheet">
    <link href="modules/owl-carousel/owl.carousel.min.css" rel="stylesheet">
    <link href="modules/owl-carousel/owl.theme.default.min.css" rel="stylesheet">
    <link href="modules/magnific-popup/magnific-popup.css" rel="stylesheet">
    <link href="modules/youtubepopup/YouTubePopUp.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <!-- Global site tag (gtag.js) - Google Analytics -->
</head>

<body>
   <!-- Preloader -->
    <div id="bethany-page-loading" class="bethany-pageloading">
        <div class="bethany-pageloading-inner"> 
            <img src="images/logo-dark.png" class="logo" alt=""> 
        </div>
    </div>
    <!-- Navigation Bar -->
    <header>
        <div class="bethany-header-navbar">
            <div class="container bethany-navbar-container">
                <div class="bethany-navigation-wrap bg-light bethany-start-header start-style">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <nav class="navbar navbar-expand-md navbar-light">
                                    <!-- Logo -->
                                    <a class="navbar-brand" href="index.html">
                                        <img src="images/logo-dark.png" alt="">
                                    </a>
                                    <!-- Menu -->
                                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
                                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                        <ul class="navbar-nav ml-auto py-4 py-md-0">
                                            <li class="nav-item"> <a class="nav-link" href="index.html">Home</a></li>
                                            <li class="nav-item active"> <a class="nav-link" href="about.html">About</a></li>
                                            <li class="nav-item"> <a class="nav-link" href="services.html">Services</a></li>

                                            <li class="nav-item"> <a class="nav-link" href="portfolio.html">Portfolio</a></li>
                                            <li class="nav-item"> <a class="nav-link" href="contact.html">Contact</a> </li>
                                            <li class="nav-item"> <a class="nav-link" href="blog.html">Blog</a> </li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header Banner -->
    <div class="banner-header valign bg-img bg-fixed" data-overlay-dark="1" data-background="images/banner/3.jpg">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h1>Welcome</h1>
                </div>
            </div>
        </div>
    </div>
    <!-- About -->
    <div class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h2>About Bethany</h2>
                    <hr class="line line-hr-left">
                    <h5>We would love to meet up and chat about how we can make your dream wedding happen!</h5>
                    <p>Wedding elit miss eget the solin missen citudino sellus rutrum in lacus son nemi vestibulum eleifen ornare drana company tortor semper at. Suspendise asin the sedisem tinciu the drana numune consue.</p>
                    <p>Destination elit miss eget the solin miss citudino phasellus rutrum in lacus miss. Vestibulum eleifen ornare drana sempe numune consue.</p>
                    <p>Event elit miss eget the solin miss citudino phasellus rutrum in the lacusi events vestibulum eleifen ornare drana company tortori sempe numune consue design elit miss eget the solin miss citudino sellus rutrum in lacus miss vestibulum eleifen ornare drana company tortor semper at.</p>
                </div>
                <div class="col-md-5 offset-md-1">
                    <div class="about-img">
                        <div class="img">
                            <img src="images/about.jpg" alt="">
                        </div>
                        <div class="about-img-2">Bethany Dan</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Wedding Dates -->
    <div class="section-padding bg-1">
        <div class="container">
            <div class="row">
                <div class="col-md-5 mb-30">
                    <h2>Wedding Dates</h2>
                    <hr class="line line-hr-left">
                    <p>Your at-a-glance guide to where I stand on all the truly important things. Wedding elit miss the eget the solin miss citudino selus rutrum in miss vestibulum eleifen ornare torto.</p>
                </div>
                <div class="col-md-6 offset-md-1 mb-30">
                    <table class="wedding-date-table">
                        <tbody>
                            <tr>
                                <td>
                                    <h6>1. SWITZERLAND<br><span>{September : 2021}</span></h6>
                                </td>
                                <td>
                                    <p>Bauen</p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <h6>2. ITALY<br><span>{October : 2021}</span></h6>
                                </td>
                                <td>
                                    <p>Rome</p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <h6>3. AMSTERDAM<br><span>{November : 2021}</span></h6>
                                </td>
                                <td>
                                    <p>Netherlands</p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <h6>4. SPAIN<br><span>{December : 2021}</span></h6>
                                </td>
                                <td>
                                    <p>Barcelona</p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- Team -->
    <div class="team section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2>Creative Team</h2>
                    <hr class="line line-hr-center">
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 owl-carousel owl-theme">
                    <div class="item">
                        <div class="img img-grayscale item-inner"><img src="images/team/02.jpg" alt=""></div>
                        <div class="info">
                            <h5>Olivia Louise</h5>
                            <h6>Wedding & Event Planner</h6>
                            <div class="social valign">
                                <div class="full-width">
                                    <a href="#"><i class="ti-facebook"></i></a>
                                    <a href="#"><i class="ti-twitter"></i></a>
                                    <a href="#"><i class="ti-linkedin"></i></a>
                                    <p>olivia@bethany.com</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img img-grayscale item-inner"><img src="images/team/01.jpg" alt=""></div>
                        <div class="info">
                            <h5>Betty Emily</h5>
                            <h6>Event Planner</h6>
                            <div class="social valign">
                                <div class="full-width"> <a href="#"><i class="ti-facebook"></i></a> <a href="#"><i class="ti-twitter"></i></a> <a href="#"><i class="ti-linkedin"></i></a>
                                    <p>betty@bethany.com</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Clients -->
    <div class="clients">
        <div class="container">
            <div class="row">
                <div class="col-md-12 owl-carousel owl-theme">
                    <!-- Clients -->
                    <div class="client-logo">
                        <a href="#"><img src="images/clients/1.jpg" alt=""></a>
                    </div>
                    <div class="client-logo">
                        <a href="#"><img src="images/clients/2.jpg" alt=""></a>
                    </div>
                    <div class="client-logo">
                        <a href="#"><img src="images/clients/3.jpg" alt=""></a>
                    </div>
                    <div class="client-logo">
                        <a href="#"><img src="images/clients/4.jpg" alt=""></a>
                    </div>
                    <div class="client-logo">
                        <a href="#"><img src="images/clients/5.jpg" alt=""></a>
                    </div>
                    <div class="client-logo">
                        <a href="#"><img src="images/clients/6.jpg" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer -->
    <footer class="main-footer dark">
        <div class="container">
            <div class="row">
                <div class="col-md-3 mb-30">
                    <div class="item abot">
                        <div class="logo mb-20">
                            <h2>Bethany</h2>
                        </div>
                        <p>We believe that it is all about the BIG DREAMS and the small details!</p>
                        <div class="social-icon">
                            <a href="index.html"><i class="ti-facebook"></i></a>
                            <a href="index.html"><i class="ti-twitter"></i></a>
                            <a href="index.html"><i class="ti-instagram"></i></a>
                            <a href="index.html"><i class="ti-pinterest"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 offset-md-1 mb-30">
                    <div class="item usful-links">
                        <div class="fothead">
                            <h6>Useful Links</h6>
                        </div>
                        <ul>
                            <li><i class="ti-angle-right"></i> <a href="about.html">About</a></li>
                            <li><i class="ti-angle-right"></i> <a href="services.html">Services</a></li>
                            <li><i class="ti-angle-right"></i> <a href="portfolio.html">Portfolio</a></li>
                            <li><i class="ti-angle-right"></i> <a href="index.html">F.A.Qs</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 mb-30">
                    <div class="item fotcont">
                        <div class="fothead">
                            <h6>Get in touch</h6>
                        </div>
                        <p>+1.123.444.0000</p>
                        <p>info@bethany.com</p>
                    </div>
                </div>
                <div class="col-md-3 mb-30">
                    <div class="item fotcont">
                        <div class="fothead">
                            <h6>Location</h6>
                        </div>
                        <p>Broadway 5 St Normain New York 98499, USA</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="sub-footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <div class="text-left">
                            <p>Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-right-left">
                            <p><a href="#">Terms &amp; Conditions</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- toTop -->
    <a href="index.html#" class="totop">TOP</a>
    <!-- jQuery -->
    <script src="js/plugins/jquery-3.5.1.min.js"></script>
    <script src="js/plugins/bootstrap.min.js"></script>
    <script src="js/plugins/imagesloaded.pkgd.min.js"></script>
    <script src="js/plugins/jquery.isotope.v3.0.2.js"></script>
    <script src="js/plugins/modernizr-2.6.2.min.js"></script>
    <script src="js/plugins/jquery.waypoints.min.js"></script>
    <script src="modules/owl-carousel/owl.carousel.min.js"></script>
    <script src="modules/slick/slick.js"></script>
    <script src="modules/magnific-popup/jquery.magnific-popup.js"></script>
    <script src="modules/masonry/masonry.pkgd.min.js"></script>
    <script src="modules/youtubepopup/YouTubePopUp.js"></script>
    <script src="js/script.js"></script>
</body>
</html>